<template>
  <div class="app-container ">
    <h3>MM009Oj 1步移仓-指令</h3>

    <template v-if="false">
<!--      <el-select v-model="selectedFileType" disabled placeholder="请选择文件类型">-->
<!--        <el-option-->
<!--          v-for="fileType in fileTypes"-->
<!--          :key="fileType.value"-->
<!--          :label="fileType.label"-->
<!--          :value="fileType.value"-->
<!--        />-->
<!--      </el-select>-->

      <el-upload
        disabled
        class="upload-demo"
        action="#"
        :show-file-list="false"
        :on-change="handleChange"
      >
        <el-button slot="trigger" disabled size="small" type="primary">点击上传文件</el-button>
      </el-upload>
    </template>

    <el-table
      v-if="data.length > 0"
      :data="data"
      border
      style="width: 100%; margin-top: 20px;"
      size="medium"
    >

      <el-table-column prop="id" label="执行结果" width="50" align="center">
        <template slot-scope="scope">
          <!--          <el-link type="primary">编辑</el-link>-->
          <i class="el-icon-success" style="color: red;" />
        </template>
      </el-table-column>

      <el-table-column prop="id" label="行序号" />
      <el-table-column
        v-for="(column,index) in visibleColumns"
        :key="column.prop"
        :prop="column.prop"
        :label="`${index + 1}. ${column.label}`"
        width="180"
      />
    </el-table>
  </div>
</template>

<script>
import { fetchFileData } from '@/api/basics'
export default {
  name: "MM009Oj",
  props: ['ppath'],
  data() {
    return {
      data: [],
      selectedFileType: '', // Selected file type
      // fileTypes: [
      //   { label: '1步移仓（指令）', value: 'receipt' },
      //   { label: '1步移仓（结果）', value: 'receipt_result' }
      // ]
    }
  },
  computed: {
    visibleColumns() {
      return [
        { 'prop': 'TransferID', 'label': '转移指令编号' },
        { 'prop': 'TransferCode', 'label': '物料凭证编号' },
        { 'prop': 'Comments', 'label': '转移订单文本' },
        { 'prop': 'MakerName', 'label': '转移订单创建者' },
        { 'prop': 'TransferDate', 'label': '转移订单创建日期' },
        { 'prop': 'Status', 'label': '库存进/出标志' },
        { 'prop': 'DateLastUpdated', 'label': '转移订单修改日期' },
        { 'prop': 'CreateDate', 'label': '转移订单创建日期' },
        { 'prop': 'TransferReason', 'label': '转移订单的移动原因' },
        { 'prop': 'OrgID', 'label': '转移订单的工厂代码' },
        { 'prop': 'FromWarehouseID', 'label': '发货库位' },
        { 'prop': 'ToWarehouseID', 'label': '收货库位' },
        { 'prop': 'DocDate', 'label': '转移订单日期' },
        { 'prop': 'ATTR1', 'label': '未使用' },
        { 'prop': 'ATTR2', 'label': '未使用' },
        { 'prop': 'ATTR3', 'label': '未使用' },
        { 'prop': 'ATTR4', 'label': '未使用' },
        { 'prop': 'ATTR5', 'label': '未使用' },
        { 'prop': 'ATTR6', 'label': '未使用' },
        { 'prop': 'ATTR11', 'label': '未使用' },
        { 'prop': 'ATTR12', 'label': '未使用' },
        { 'prop': 'AddressName', 'label': '货物发出/接收库位名称' },
        { 'prop': 'AR', 'label': '货物发出/接收库位的工厂名称' },
        { 'prop': 'AL1', 'label': '货物发出/接收库位的地址' },
        { 'prop': 'AC', 'label': '货物发出/接收库位的城市' },
        { 'prop': 'OfficePhone', 'label': '货物发出/接收库位的电话号码' },
        { 'prop': 'DepartmentName', 'label': '货物发出/接收库位的详细名称' },
        { 'prop': 'ContactName', 'label': '货物发出/接收库位的联系人名称' },
        { 'prop': 'Carrier', 'label': '承运人编号（未使用）' },
        { 'prop': 'Fax', 'label': '货物发出/接收库位的传真号码' },
        { 'prop': 'ZipCode', 'label': '货物发出/接收库位的邮政编码' },
        { 'prop': 'Auditor(CustomerNumber)', 'label': '客户编号' },
        { 'prop': 'TransferDetailID', 'label': '转移订单项ID' },
        { 'prop': 'Qty', 'label': '数量' },
        { 'prop': 'Remark', 'label': '备注' },
        { 'prop': 'TransferID_1', 'label': '转移指令编号' },
        { 'prop': 'InBaseQty', 'label': '基本计量单位的入库数量' },
        { 'prop': 'OutBaseQty', 'label': '基本计量单位的出库数量' },
        { 'prop': 'ItemID', 'label': '物料编号' },
        { 'prop': 'SerialNo', 'label': '序列号' },
        { 'prop': 'MovementType', 'label': '移动类型' },
        { 'prop': 'ValuationType', 'label': '估价类型' },
        { 'prop': 'VendorItemCode', 'label': '供应商物料代码' },
      ]
    }
  },
  created() {
    this.getfetchFileData()
  },
  methods: {
    async getfetchFileData() {
      const response = await fetchFileData({
        'name': 'MM009Oj',
        'path': this.ppath
      })
      this.data = response.data
    }
  }
}
</script>

<style scoped>

</style>
